<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下单配送地址</title>
    <style>
        *{
            margin: 0 ;
            padding: 0;
            font-family: 'microsoft yahei';
            text-decoration: none;
        }
        .head{
            min-width: 1200px;
            height: 40px;
        }
        .hnvgt{
              min-width: 1200px;
              height: 40px;
              background-color: #333333;

          }
        .hnl{
            float: left;
            font-size: 12px;
            color: gray;
            width: 600px;
        }
        .xhnl{
            float: left;
            height: 40px;
            line-height: 40px;
            margin: 0 15px 0 0;
        }
        .hnr{
            float: right;
            font-size: 12px;
            color: gray;
            width: 400px;
        }
        .xhnr{
            float: right;
            height: 40px;
            line-height: 40px;
            margin: 0 0 0 15px;
        }
        .hsearch{
            min-width: 1200px;
            height: 155px;
            border-bottom: 1px solid #000000;
            clear: both;
        }
        .hsc{
            width: 1200px;
            height: 155px;
            margin: 0 auto;
        }
        .hscs{
            width: 1200px;
            height: 115px;
            margin: 0 auto;
        }
        .hscsl{
            width: 210px;
            height: 115px;
            float: left;
        }
        .logo{
            margin: 42px 0;
        }
        .hscsm{
            width: 990px;
            height: 115px;
            float: left;
        }
        .hm{
            width: 730px;
            float: right;
            height: 85px;
            margin: 30px 0;
        }
        .hms{
            width: 730px;
            height: 42px;
        }
        .hmsl{
            width: 535px;
            height: 40px;
            border: 1px solid darkgreen;
            float: left;
        }
        .dz{
            font-size: 12px;
            color:darkgrey;
            margin: 12px 0 0 20px;
            float: left;
        }
        .fdj{
            width: 74px;
            height: 40px;
            background-color: #2fab3c;
            float: right;
        }
        .hmsr{
            width: 158px;
            height: 40px;
            border: 1px solid grey;
            float: right;
            line-height: 40px;
            font-size: 12px;
        }
        .hmsrw{
            color: grey;
            float:right;
            margin: 0 27px 0 0 ;

        }
        .hmsrt{
            float: left;
            margin: 12px 5px 0 30px;
        }
        .hmx{
            width: 730px;
            height: 40px;
            line-height: 40px;
        }
        .hmxc{
            font-size: 12px;
            color: grey;
            float: left;
            margin: 0 15px 0 0;
        }
        .hscx{
            width: 1200px;
            height: 40px;
            margin: 0 auto;
        }
        .hscxl{
            width: 210px;
            height: 40px;
            float: left;
            background-color: #000000;
            color: #ffffff;
            font-size: 16px;
            line-height: 40px;

        }
        .hltb{
            width: 20px;
            height: 15px;
            background-image: url('../project/mall/IMGsc/qtb.png');
            background-repeat: no-repeat;
            float: left;
            margin: 13px 15px 15px 33px;
        }
        .hscxr{
            width: 990px;
            height: 40px;
            float: left;
        }
        .hrdh{
            float:left;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            margin:0 11px;
        }
        .hsxr a{
            text-decoration: none;
            color: #333333;

        }
        .sk{
            min-width: 1200px;
            height: 35px;
        }
        .xdps{
            min-width: 1200px;
        }
        .shxd{
            width: 1200px;
            height: 1580px;
            margin:0 auto;
            border-top:5px solid limegreen;
            border-bottom:1px solid darkgray;
            border-left:1px solid darkgray;
            border-right:1px solid darkgray;
        }
        .shdz{
            height: 50px;
            width: 1120px;
            border-bottom: 1px solid darkgray;
            margin: 0 auto;
        }
        .sdd{
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #252525;
            float: left;
            margin: 0 15px;
        }
        .sdx{
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            color:red;
            float: left;
        }
        .tjdz{
            height: 90px;
        }
        .jtdz{
            height: 76px;
            width: 1120px;
            line-height: 85px;
            margin: 0 auto;
        }
        .bjyd{
            float: left;
            margin: 5px 20px 0 30px;
        }
        .dh{
            float: left;
            font-size:13px;
        }
        .bj{
            float: right;
            font-size:13px;
            margin:0 30px 0 0;
        }
        .tja{
            width:1120px;
            margin: 0 auto;
        }
        .tjb{
            height: 36px;
            width: 171px;
            font-size: 18px;
            font-weight: bold;
            color: #ffffff;
            background-color: #72c260;
            line-height: 32px;
        }
        .tjc{
            float: left;
            margin: 8px 12px;
        }
        .pay{
            width: 1120px;
            border-bottom: 1px solid darkgray;
            margin: 80px auto 0 auto;
            font-size: 19px;
            padding: 0  0 15px  15px ;
        }
        .online{
            height: 20px;
            width: 1120px;
            margin: 12px auto 0px auto;
        }
        .olt{
            width: 20px;
            height: 20px;
            float: left;
            margin:0 5px;
        }
        .olw{
            height: 20px;
            float: left;
            font-size: 14px;
            margin: 0 5px ;
        }
        .olfp{
            height: 20px;
            float: left;
            font-size: 14px;
            margin: 0 40px 0 5px ;
        }

        .delivery{
            width: 1120px;
            border-bottom: 1px solid darkgray;
            margin: 80px auto 0 auto;
            font-size: 19px;
            padding: 0  0 15px  15px ;
        }
        .delivery2{
            width: 1120px;
            margin: 40px auto 0 auto;
            font-size: 19px;
            padding: 0  0 15px  15px ;
        }
        .stamp{
            width: 880px;
            height: 140px;
            border:1px solid #cacaca;
            clear: both;
            margin:5px 50px 0 50px;
        }
        .content{
            padding: 25px 0 5px 30px;
            font-size: 14px;
        }
        .tite{
            padding: 0 30px;
            font-size: 14px;
        }
        .fpx{
            height: 34px;
        }
        .personal{
            margin: 12px 10px 0 30px;
            width: 120px;
            height: 32px;
            text-align: center;
            border:1px solid #dc2d45;
            float: left;
            line-height: 32px;
            font-size: 14px;
        }
        .unit{
            margin: 12px 0  0 0;
            width: 120px;
            height: 32px;
            text-align: center;
            border:1px solid #efeded;
            float: left;
            line-height: 32px;
            background-color: #efeded;
            font-size: 14px;
        }
        .sname{
            width: 1120px;
            height: 140px;
            margin: 0 auto;
            border-bottom: 1px dotted darkgray;
        }
        .snamet{
            height: 40px;
            width: 1120px;
            margin: 0 auto;
            background-color:#72c224
        }
        .snt1{
            width: 170px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            float: left;
            color: #ffffff;
            font-size: 12px;
        }
        .snt2{
            width: 380px;
            height: 40px;
            line-height: 40px;
            text-align: right;
            float: left;
            color: #ffffff;
            font-size: 12px;
        }
        .snt3{
            height: 40px;
            line-height: 40px;
            color: #ffffff;
            font-size: 12px;
        }
        .snameb{
            width: 1080px;
            height: 75px;
            margin: 13px auto;
        }
        .sn1{
            width: 340px;
            height: 75px;
            float: left;
            clear: both;
        }
        .sn1a{
            width: 75px;
            height: 75px;
            float: left;
            background-image:url('../project/mall/IMGsc/detail_small_1.jpeg;');
        }
        .sn1b{
            font-size: 14px;
            height: 75px;
            line-height: 75px;
        }
        .sn2{
            width: 208px;
            height: 75px;
            line-height: 75px;
            text-align: right;
            font-size: 14px;
            float: left;
        }
        .sn3{
            width: 70px;
            height: 75px;
            line-height: 75px;
            text-align: center;
            font-size: 14px;
            float: left;
            margin: 0 0 0 60px;
        }
        .sn3a{
            float: left;
        }
        .sn3b{
            font-size: 20px;
            float: left;
            margin: -2px 0 0 0
        }
        .sn4{
            color: #fc6e09;
            font-size: 20px;
            height: 75px;
            line-height: 75px;
            float: left;
        }
        .total{
            width: 550px;
            height: 220px;
            border-bottom: 1px dotted darkgray;
            float: right;
            margin: 0 40px;
            clear: both;
        }
        .tt1{
            margin: 40px 0 8px 390px;
        }
        .tt2{
            margin: 0 0 10px 410px;
        }
        .tt3{
            margin: 0 0 10px 455px;
        }
        .tt4{
            margin: 30px 0 10px 200px;
            float: right;
        }
        .tt5{
            color: #fc6e09;
            float: right;
            font-size: 32px;
            margin: -5px 10px 0 0;
            font-weight: bold;
        }
        .tt6{
            margin: 10px 0 0 0 ;
            float: right;
            font-weight: bold;
        }
        .tt7{
            margin: 10px 5px 0 0;
            float: right;
            font-weight: bold;
        }
        .favourable{
              width: 550px;
              height: 140px;
              border-bottom: 1px dotted darkgray;
              float: right;
              margin: 0 40px;
          }
        .fb1{
            width: 550px;
            float: right;
            margin: 20px 0 3px 0;
        }
        .fb1a{
            float: right;
            margin: 2px 0 0 3px;
        }
        .fb1b{
            float: right;
        }
        .fb2{
            float: right;
            margin: 0 0 5px 0;
        }
        .fb2a{
            width: 230px;
            height: 30px;
            border: 1px solid #d5d5d5;
            float: right;
        }
        .fb2b{
            font-size: 12px;
            float: right;
            margin: 8px;
        }
        .fb3{
            clear:both;
            width: 90px;
            height: 30px;
            background-color: #72c224;
            line-height: 30px;
            text-align: center;
            color: #ffffff;
            margin: 0 0 0 460px;
        }
        .order{
            width: 550px;
            height: 130px;
            float: right;
            margin: 0 40px;
        }
        .od1{
            font-size: 12px;
            margin:20px 0 0 250px ;
        }
        .od2{
            font-size: 12px;
            margin:10px 0 0 400px ;
        }
        .od3{
            width: 140px;
            height: 38px;
            color: #ffffff;
            font-size: 18px;
            background-color:#fc6d08;
            text-align: center;
            line-height: 38px;
            margin: 30px 0 0 410px;
        }
        .zffs{
            width: 1120px;
            height: 50px;
            line-height: 50px;
            font-size: 18px;
            color: #252525;
            float: left;
            margin: 0 15px;
        }
        .zs{
            height: 50px;
            width: 1120px;
            border-bottom: 1px solid darkgray;
            margin: 40px auto;
        }
        .zxf{
            font-size: 14px;
        }
        .foot{
            min-width: 1200px;
            height: 420px;
        }
        .q{
            height: 90px;
            min-width: 1200px;
            border-top: 1px solid #e2e2e4;
            border-bottom: 1px solid #e2e2e4;
        }
        .fts{
            width: 1200px;
            height: 90px;
            margin: 0 auto;
        }
        .ftshz{
            width:299px;
            height: 60px;
            margin-top: 15px;
            float: left;
            border-right: 1px solid #e2e2e4;
        }
        .ftshzq{
            width: 40px;
            height:40px;
            background-image: url('../project/mall/IMGsc/yuan.png');
            float: left;
            text-align: center;
            color: limegreen;
            font-size: 21px;
            margin-top: 13px;
            margin-left: 75px;
        }

        .ftshzh{
            color: black;
            font-size: 18px;
            margin: 0 auto;
            float: left;
            text-align: center;
            margin-top: 15px;
            margin-left: 5px;
        }
        .ftz{
            width: 1200px;
            height: 250px;
            margin: 0 auto;
        }
        .mzt{
            width: 190px;
            height: 250px;
            margin: 0 auto;
            float: left;
        }
        .mztx{
            width: 200px;
            height: 30px;
            color: gray;
            font-size: 12px;
        }
        .mztd {
            width: 200px;
            height: 40px;
            color:#252525;
            font-size: 16px;
            margin-top: 30px;
        }
        .sph{
            width: 200px;
            height: 36px;
            float: left;
        }
        .ftx{
            width: 1200px;
            height: 80px;
            color: gray;
            font-size: 12px;
            text-align: center;
            margin: 0 auto;
        }


    </style>
</head>
<body>
<div>
    <div class="head">
        <div class="hnvgt">
            <div style="width: 1200px;height: 40px;margin: 0 auto">
                <div class="hnl">
                    <div class="xhnl">大客户采购</div>
                    <div class="xhnl">帮助中心</div>
                    <div class="xhnl">收藏本站</div>
                    <div class="xhnl">商品入驻</div>
                    <div class="xhnl">老人手环申请</div>
                    <div class="xhnl"><img src='../project/mall/IMGsc/phonetb.png' style="position: relative;top: 4px;right: 3px;">手机商城</div>
                </div>
                <div class="hnr">
                    <div class="xhnr">我的订单</div>
                    <div class="xhnr">F码购买</div>
                    <div class="xhnr">|</div>
                    <div class="xhnr">注册</div>
                    <div class="xhnr">登录</div>
                </div>
            </div>
        </div>
        </div>
        <div class="hsearch">
            <div class="hsc">
                <div class="hscs">
                    <div class="hscsl"><div class="logo"><img src="../project/mall/IMGsc/logo.png"/></div> </div>
                    <div class="hscsm">
                        <div class="hm">
                            <div class="hms">
                                <div class="hmsl">
                                    <div class="dz">极米无屏电视</div>
                                    <div class="fdj"><img src='../project/mall/IMGsc/fdj.png' style="margin:12px 27px"></div>
                                </div>
                                <div class="hmsr"> <img src='../project/mall/IMGsc/gwctb.png'class="hmsrt">我的购物车(0)</div>
                            </div>
                            <div class="hmx">
                                <div class="hmxc">手机N4A</div>
                                <div class="hmxc">儿童手表C5</div>
                                <div class="hmxc">儿童机器人</div>
                                <div class="hmxc">安全路由5G</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hscx">
                    <div class="hscxl"><div class="hltb"></div><div>全部智能酷品</div></div>
                    <div class="hscxr">
                        <div class="hrdh" style="margin: 0 10px 0 40px ">手机</div>
                        <div class="hrdh">行车记录仪</div>
                        <div class="hrdh">儿童手表</div>
                        <div class="hrdh">摄像头</div>
                        <div class="hrdh">路由器</div>
                        <div class="hrdh">儿童机器人</div>
                        <div class="hrdh">老人手表</div>
                        <div class="hrdh">智品牌</div>
                        <div class="hrdh">社区</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="xdps">
        <div class="sk"></div>
        <div class="shxd">
            <div class="shdz">
                <div class="sdd">收货地址</div>
                <div class="sdx">温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入配货状态将不能修改收货地址和发票信息！</div>
            </div>
            <div class="tjdz">
                <div class="jtdz">
                    <div class="bjyd"><img src="../project/mall/IMGsc/dzyd.png"/></div>
                    <div class="dh">业广，湖南省&nbsp;长沙市&nbsp;岳麓区&nbsp;麓谷企业广场B1栋204号，18675580919</div>
                    <div class="bj">编辑</div>
            </div>
            </div>
            <div class="tja">
                <div class="tjc"><img src="../project/mall/IMGsc/jh.png"/> </div>
                <div class="tjb">添加新地址</div>
            </div>
            <div class="pay">支付方式</div>
            <div class="online">
                <div class="olt"><img src="../project/mall/IMGsc/dzyd.png"/></div>
                <div class="olw">在线支付</div>
            </div>
            <div class="delivery">配送方式</div>
            <div class="online">
                <div class="olt"><img src="../project/mall/IMGsc/dzyd.png"/></div>
                <div class="olw">免费配送</div>
            </div>
            <div class="delivery">发票信息</div>
            <div class="online">
                <div class="olt"><img src="../project/mall/IMGsc/circle.png"/></div>
                <div class="olfp">不开发票</div>
                <div class="olt"><img src="../project/mall/IMGsc/dzyd.png"/></div>
                <div class="olw">普通发票</div>
            </div>
            <div class="stamp">
                <div class="content">发票内容：购买商品明细</div>
                <div class="tite">发票抬头：请确认单位名称，以免名称错误耽搁您的报销。</div>
                <div class="fpx">
                    <div class="personal">个人</div>
                    <div class="unit">单位</div>
                </div>
            </div>
            <div class="delivery2">商品清单</div>
            <div class="sname">
                <div class="snamet">
                    <div class="snt1">商品名称</div>
                    <div class="snt2">单价</div>
                    <div class="snt1">数量</div>
                    <div class="snt3">合计</div>
                </div>
                <div class="snameb">
                    <div class="sn1">
                        <div class="sn1a"></div>
                        <div class="sn1b">普宙BYRD Premium1.0专业四轴航拍天</div>
                    </div>
                    <div class="sn2">&yen;6488元</div>
                    <div class="sn3">
                        <div class="sn3a">x</div>
                        <div class="sn3b">1</div>
                    </div>
                    <div class="sn4">&yen;6488元</div>
                </div>
            </div>
            <div class="total">
                <div class="tt1">金额合计：6488.00元</div>
                <div class="tt2">优惠抵扣：-0.00元</div>
                <div class="tt3">配送费：0元</div>
                <div class="tt4">
                    <div class="tt6">元</div>
                    <div class="tt5">6488.00</div>
                    <div class="tt7">应付金额：</div>
                </div>
            </div>
            <div class="favourable">
                <div class="fb1">
                    <div class="fb1a"><img src="../project/mall/IMGsc/wh.png"/> </div>
                    <div class="fb1b">使用优惠码</div>
                </div>
                <div class="fb2">
                    <div class="fb2a"></div>
                    <div class="fb2b">优惠码：</div>
                </div>
                <div class="fb3">立即使用</div>
            </div>
            <div class="order">
                <div class="od1">寄送至：湖南省 长沙市 岳麓区 麓谷企业广场B1栋204号</div>
                <div class="od2">业广 (收信人)18675580919</div>
                <a href="../homework/zf.html" style="color: #ffffff;text-decoration: none"><div class="od3">立即下单</div></a>
            </div>
            </div>
        <div class="sk"></div>
    </div>
    <div class="foot">
            <div class="q">
                <div class="fts">
                <div class="ftshz">
                    <div class="ftshzq">7</div>
                    <div class="ftshzh">&nbsp;7天无理由退货</div>
                </div>
                <div class="ftshz">
                    <div class="ftshzq">15</div>
                    <div class="ftshzh">&nbsp;15天免费换货</div>
                </div>
                <div class="ftshz">
                    <div class="ftshzq">包</div>
                    <div class="ftshzh">&nbsp;满99元包邮</div>
                </div>
                <div class="ftshz" style="border-right: none">
                    <div class="ftshzq">服</div>
                    <div class="ftshzh">&nbsp;手机特色服务</div>
                </div>
            </div></div>
            <div class="ftz">
                <div class="mzt">
                    <div class="mztd">帮助中心</div>
                    <div class="mztx">用户注册</div>
                    <div class="mztx">用户登录与密码找回</div>
                    <div class="mztx">购买指南</div>
                    <div class="mztx">支付方式</div>
                    <div class="mztx">配送与说明</div>
                </div>
                <div class="mzt">
                    <div class="mztd">售后服务</div>
                    <div class="mztx">7日无理由退货</div>
                    <div class="mztx">质量问题15日内换货</div>
                    <div class="mztx">保修条款</div>
                    <div class="mztx">服务流程</div>
                    <div class="mztx">安迷之家</div>
                </div>
                <div class="mzt">
                    <div class="mztd">特色服务</div>
                    <div class="mztx">F码通道</div>
                    <div class="mztx">360生态</div>
                </div>
                <div class="mzt">
                    <div class="mztd">推广合作</div>
                    <div class="mztx">商品入驻</div>
                    <div class="mztx">大客户采购</div>
                </div>
                <div class="mzt">
                    <div class="mztd">关注柔柔商城</div>
                    <div class="mztx">柔柔柔商城大事记</div>
                </div>
                <div class="mzt" >
                    <div class="mztd">联系我们</div>
                    <div class="sph">
                        <div style="width: 108px;height: 36px;float: left"><img src="../project/mall/IMGsc/onserver.png"></div>
                        <div style="width: 35px;height: 36px;float: left;margin-left: 10px"><img src="../project/mall/IMGsc/weixin.png"></div>
                        <div style="width: 36px;height: 36px;float: right"><img src="../project/mall/IMGsc/xinlang.png"></div>
                    </div>
                </div>
            <div class="ftx">
                <div style="margin-top: 30px;clear:both;">柔柔柔商城&copy;2013-2016&nbsp;公司版权所有&nbsp;京ICP备08010314号-43&nbsp;京公网安备1100000200006号</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>